/*
 * Ext JS Library 2.2.1
 * Copyright(c) 2006-2009, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
 */

Ext.onReady(function(){
	
	Ext.QuickTips.init();//鼠标悬停，出现的提示框
    // 初始化Ext状态管理器，在Cookie中记录用户的操作状态，如果不启用，象刷新时就不会保存当前的状态，而是重新加载 

    Ext.state.Manager.setProvider(
        new Ext.state.SessionProvider({state: Ext.appState}));
		// tabs for the center
        var tabs = new Ext.TabPanel({
        	id:'main',
            region    : 'center',
            margins   : '3 3 3 0', 
            activeTab : 0,
            defaults  : {
				autoScroll : true
			},
            html:'<div id="main"></div>'
			/*TabPanel的Tab
            items     : [{
                title    : 'Bogus Tab',
                html     : Ext.example.bogusMarkup
             },{
                title    : 'Another Tab',
                html     : Ext.example.bogusMarkup
             },{ 
                title    : 'Closable Tab',
                html     : Ext.example.bogusMarkup,
                closable : true
            }]
            */
        });

        // Panel for the west
        var nav = new Ext.Panel({
            //title       : '收茧统计系统菜单',
            region      : 'west',
            split       : true,
            width       : 200,
            collapsible : true,
            margins     : '3 0 3 3',
            cmargins    : '3 3 3 3',
//           addCommand : function(){     
//												var div = document.createElement("div");    
//												div.tagName = "show-btn";}
            html:'<div id="show-btn"></div>'
        }); 
       var win = new Ext.Window({
            //title    : '淳安县茧丝绸总公司收茧统计系统',
           // contentEl:"show-btn",//主体显示的html元素，也可以写为el:"win"
          	rendTo: Ext.getBody(),
       		closable:false,//在右上角不显示小叉叉的关闭按钮，默认为true
       		constrain:true,//则强制此window控制在viewport，默认为false
			modal:true,//为模式窗口，后面的内容都不能操作，默认为false
			plain:false,//true则主体背景透明，false则主体有小差别的背景色，默认为false
    		resizable:false,//(是否可以改变大小，默认可以)
    		//maximizable:true,//（是否增加最大化按钮，默认没有）
    		draggable:false,//（是否可以拖动，默认可以）
    		//minimizable:true,//（是否增加最小化按钮，默认无）
    		tbar:false,
            width    : 1030,
            height   : 540,
            //解决Ext.Window放大关闭后滚动条消失和滚动页面时最大化Window位置的方法
            //解决办法其实很简单，只要在Window中添加两个listeners就可以了。
			/*
            listeners: {
				close:function(w){
					//关键部分：关闭窗口前先还原,滚动条才不会消失
					w.restore();
				},
				maximize:function(w){   
					//关键部分：最大化后需要将窗口重新定位，否则窗口会从最顶端开始最大化                       
					w.setPosition(document.body.scrollLeft,document.body.scrollTop);
				}
			},*/
            //border : false,
            layout   : 'border',
            items    : [nav, tabs]
        });
        win.show();//需要显示下show（）方法,默认的窗口是可拖动的，可关闭的，可拖动大小的

});